<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>关于这个项目</title>
    <link rel="stylesheet" href="/index.css">
</head>
<body>
    <div style="
    position: absolute;
    width: 700px;
    height: 530px;
    background-color:rgba(255,228,196,0.7);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);/* 向右x，向下y */
    border-radius:20px;
    ">
    <h3>
        <h2>&nbsp &nbsp &nbsp 关于项目</h2>
        &nbsp &nbsp &nbsp &nbsp &nbsp 这个项目的目的，
        <br>
        &nbsp &nbsp &nbsp &nbsp &nbsp 就是构建一个尽可能<b>简洁的界面</b>
        <br> 
        &nbsp &nbsp &nbsp &nbsp &nbsp 来提供一个非常爽的环境，帮助各位背单词。
        <br>
        &nbsp &nbsp &nbsp &nbsp &nbsp 本项目使用原生js构建。
        <br>
        <h2>&nbsp &nbsp &nbsp 如何使用</h2>
        &nbsp &nbsp &nbsp &nbsp &nbsp 这个网站的使用非常简单。
        <br>
        &nbsp &nbsp &nbsp &nbsp &nbsp 左下角可以选择你希望背的单词级别。
        <br>
        &nbsp &nbsp &nbsp &nbsp &nbsp 左面会显示当前单词属于什么级别，以及单词的序号。
        <br>
        &nbsp &nbsp &nbsp &nbsp &nbsp 目前不够熟练的，选“不会”按钮。
        <br>
        &nbsp &nbsp &nbsp &nbsp &nbsp 右面的列表就是不会的，如果某个不会的单词已经熟练，可以直接点击X按钮进行删除。
        <br>
        <h2>&nbsp &nbsp &nbsp 最后</h2>
        &nbsp &nbsp &nbsp &nbsp &nbsp <a href="https://github.com/heygsc/word-wind" target="_blank">这个链接是项目的github主页</a>
        <br>
        <br>
        &nbsp &nbsp &nbsp &nbsp &nbsp 欢迎朋友们点点star~
    </h3>
    </div>
</body>
</html>
